@charset "utf-8";

body { color:#666; font-size:14px; line-height:1em; font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body{ background-color:#f4f4f4;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
em,i,address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table{ font-size:inherit;font-family:inherit;line-height:inherit; *font-size:100%; }
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea { resize:none; }
label { cursor:pointer; }
a:visited { color:#333; }
a:hover, a:active { color:#333; text-decoration:none; }
.hide { position:absolute ;top:0; left:-9999px; width:0; height:0; font-size:0; overflow:hidden; visibility:hidden; line-height:0; }

input[type="button"], input[type="text"],input[type="image"],input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }

button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

.fix:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.fix { display:block; min-height:1px; }

.header{background-color:#fff;}
.container{background-color:#fff;}

/* header 영역 */
.header .before_search{position:relative;}
.header .btn_side{position:absolute;top:0;left:0;}
.header .btn_side img{width:50px;}
.header h1{text-align:center;}
.header h1 img{width:111px;}
.header .btn_search{position:absolute;top:0;right:0;}
.header .btn_search img{width:50px;}

.header .after_search{position:relative;padding:11px 10px 7px 10px;}
.header .txt_search_wrap{width:90%;}
.header .txt_search_inner{position:relative;padding:5px 5px;border:1px solid #dedede;border-radius:5px;}
.header .txt_search_inner .txt_search{width:100%;font-size:14px;line-height:20px;border:0;}
.header .btn_all_search{position:absolute;top:1px;right:5px;}
.header .btn_all_search img{width:35px;}
.header .close_search{position:absolute;top:13px;right:5px;}
.header .close_search img{width:35px;}

.panel{position:absolute;top:0;left:0;width:290px;z-index:999;background-color:#fff;
overflow-y:auto;-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.2s linear;
-webkit-transform: translateX(-300px);
}

.enable_panel{
	-webkit-transition: -webkit-transform 0.2s linear;
	-webkit-transform: translateX(0);
}

.panel .login_info{padding:8px 12px;background-color:#0e9ed4;}
.panel .login_info img{width:32px;vertical-align:middle;}
.panel .login_info span{font-size:15px;color:#fff;vertical-align:middle;}

.panel .home{position:absolute;top:0;right:54px;}
.panel .close{position:absolute;top:0;right:0;}

.panel .home img{width:56px;}
.panel .close img{width:53px;}

.panel .common_list{}
.panel .common_list a{position:relative;display:block;padding:16px 0 16px 18px;border-top:1px solid #e8e8e8;}
.panel .common_list .menu{display:inline-block;padding:0 0 0 20px;font-size:14px;color:#222222;}
.panel .common_list .arrow{position:absolute;top:14px;right:15px;width:13px;height:19px;background:url('../images/common/ic_arr.png') no-repeat 0 0;background-size:13px 19px;}

.panel .menu_list h2{padding:7px 0 7px 18px;font-size:13px;color:#888888;background-color:#f2f2f2;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.panel .menu_list a{position:relative;display:block;padding:16px 0 16px 18px;border-bottom:1px solid #e8e8e8;}
.panel .menu_list .menu{display:inline-block;padding:0 0 0 20px;font-size:14px;color:#222222;}
.panel .menu_list .arrow{position:absolute;top:14px;right:15px;width:13px;height:19px;background:url('../images/common/ic_arr.png') no-repeat 0 0;background-size:13px 19px;}

.panel .before_login .login .menu{background:url('../images/common/bg_before_login.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .before_login .reg .menu{background:url('../images/common/bg_before_reg.png') no-repeat 0 -2px;background-size:18px 18px;}

.panel .after_login .login .menu{background:url('../images/common/bg_after_login.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .after_login .reg .menu{background:url('../images/common/bg_gev.png') no-repeat 0 -2px;background-size:18px 18px;}

.panel .score .menu{background:url('../images/common/bg_score.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .online .menu{background:url('../images/common/bg_online.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .mobile .menu{background:url('../images/common/bg_mobile.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .community .menu{background:url('../images/common/bg_community.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .event .menu{background:url('../images/common/bg_event.png') no-repeat 0 -2px;background-size:18px 18px;}
.panel .customer .menu{background:url('../images/common/bg_customer.png') no-repeat 0 -2px;background-size:18px 18px;}

.dimmed{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:998;background-color:#000;opacity:0.5;}
.dimmed_popup {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#000;opacity:0.6;}

.footer{padding:20px 0;text-align:center;background-color:#f4f4f4;}
.footer .sitemap a{display:inline-block;padding:4px 12px;font-size:12px;color:#666666;line-height:16px;font-weight:bold;border:1px solid #dedede;background-color:#fff;border-radius:5px;}
.footer .corp{margin:12px 0 0 0;}
.footer .corp a{font-size:12px;color:#888888;font-weight:bold;}
.footer .corp em{margin:0 3px 0 8px;font-size:12px;color:#888888;}
.footer .copyright{margin:12px 0 16px 0;font-size:11px;color:#b7b7b7;}

/* 버튼 */
a.btn_s1 {display:inline-block;padding:7px 15px;color:#fff;font-size:13px;border:1px solid #039fcd;background:#01aee1;border-radius:5px;}
a.btn_s2 {display:inline-block;padding:7px 15px;color:#fff;font-size:13px;border:1px solid #333739;background:#404547;border-radius:5px;}
a.btn_s3 {display:inline-block;padding:7px 15px;color:#666;font-size:13px;border:1px solid #cdcdcd;border-radius:5px;}
a.btn_s3 {
	background: -webkit-linear-gradient(#fff, #fafafa);
	background: -o-linear-gradient(#fff, #fafafa);
	background: -moz-linear-gradient(#fff, #fafafa);
	background: linear-gradient(#fff, #fafafa);
}
a.btn_s4 {display:inline-block;padding:7px 15px;color:#666;font-size:13px;border:1px solid #cdcdcd;border-radius:5px;}
a.btn_s4 {
	background: -webkit-linear-gradient(#f8f8f8, #ececec);
	background: -o-linear-gradient(#f8f8f8, #ececec);
	background: -moz-linear-gradient(#f8f8f8, #ececec);
	background: linear-gradient(#f8f8f8, #ececec);
}

a.btn_b1 {display:inline-block;padding:10px 27px 19px;color:#fff;font-size:26px;line-height:1;border:2px solid #03a0cf;background:#01b6eb;border-radius:5px;}
a.btn_b2 {display:inline-block;padding:10px 27px 19px;color:#fff;font-size:26px;line-height:1;border:2px solid #34383a;background:#3f4547;border-radius:5px;}
a.btn_b3 {display:inline-block;padding:10px 27px 19px;color:#666;font-size:26px;line-height:1;border:2px solid #cdcdcd;background:#fff;border-radius:5px;}